<html>
<head>
<title>ZARA - La Coruna</title>
<link media="screen" href="estilo.css" type="text/css" rel="stylesheet"></link>
</head>
<body>
<ul>
	<li><a href="ofad.html">OFAD</a></li>
        <li><a href="artHogar.html">Articulos Hogar</a></li>
	<li><a class="actual" href="artRopa.html">Articulo Ropa</a></li>
	<li><a href="solDist.html">Sol. Dist.</a></li>
</ul>
<div id="contenido" align="center">	
	<h2>Ingrese datos de Articulo</h2>
    <div class="caja">
		<table>
			<tr>
				<td>Referencia:</td>
				<td>
					<input type="text">
				</td>
				<td>Linea:</td>
				<td>
					<select>
  						<option>Unica</option>
 				        <option>Medium</option>
  						<option>Large</option>
 						<option>X-Large</option>
					</select>
				</td>				
			</tr>
			<tr>
				<td>Descripcion:</td>
				<td>
					<input type="text">
				</td>
				<td>Color:</td>
                <td>
					<select>
  						<option>Rojo</option>
 				        <option>Azul</option>
  					</select>
		         </td>				
			</tr>
			<tr>
            	<td>Talle:</td>
                <td>
                	<select onchange="enableTalle(this)">
  						<option value="N">Numero</option>
 				        <option value="S">Simbolo</option>
  					</select>
  				</td>
  				<td>
                	<select id="talleN">
  						<option>1</option>
 				        <option>2</option>
 				        <option>3</option>
 				        <option>4</option>
  					</select>
  				</td>
  				<td>
                	<select id="talleS" disabled="disabled">
  						<option>S</option>
 				        <option>M</option>
 				        <option>L</option>
 				        <option>XL</option>
  					</select>
  				</td>
  			</tr> 			
            <tr>
            	<td>Seccion:</td>
                <td>
					<select>
  						<option>Mujer</option>
 				        <option>Hombre</option>
  					</select>
		        </td>
			 	<td>Precio Unit.:</td>
				<td>
					<input type="text" size="6">
				</td>				
			</tr>
			<tr>
            	<td>Origen:</td>
                <td>
					<select>
  						<option>Argentina</option>
 				        <option>Brasil</option>
  					</select>
		        </td>
			 	<td>Porc.Desc:</td>
				<td>
					<select>
  						<option>0</option>
 				        <option>10</option>
  					</select>
  					%
  				</td>
           	</tr>
            <tr>
            	<td>Mes Desc:</td>
                <td>
					<select>
  						<option>1</option>
 				        <option>2</option>
  					</select>
				</td>
			</tr>
			<tr>
             	<td>Centros de Distribucion:</td>
       			<td align="left">
      				<select multiple="multiple">      					
      					<option>Zarate</option> 
						<option>Ezeiza</option>
						<option>Campana</option>
						<option>Tortuguitas</option>						
					</select>
      			</td>
       		</tr>                       
            <tr>	
				<td align="right" colspan="2">
					<input type="button" value="Agregar Articulo" onclick="alert('Se ha ingresado Correctamente el Articulo')">
				</td>
				<td align="left" colspan="2">
					<input type="button" value="Volver" onclick="document.location = 'index.html';">
				</td>
            </tr>
       	</table>                
	</div>
	<h4>Listado de Articulos Ingresados</h4>
	<div class="caja">
		<table width="100%">
			<tr>
				<td class="cabecera">Referencia</td>
				<td class="cabecera">Linea</td>
				<td class="cabecera">Nombre</td>
				<td class="cabecera">Color</td>
				<td class="cabecera">Seccion</td>
				<td class="cabecera">Precio</td>
			    <td class="cabecera">Origen</td>
			</tr>
            <tr>
				<td class="dato">323423</td>
				<td class="dato">JADJ</td>
				<td class="dato">Landsan</td>
				<td class="dato">Azul</td>
				<td class="dato">JH</td>
                <td class="dato">98</td>
				<td class="dato">JK</td>
			</tr>					
		</table>
	</div>
     <div style="width: 80%">
		<hr>
		<table>
			<tr>
            	<td></td>                               
        	</tr>
        	<tr>	
				<td align="center">
					<input type="button" value="Limpiar Listado" onclick="document.location = 'index.html';">
				</td>
            </tr>
       		<tr>
            	<td></td>
            </tr>
     	</table>
     </div>
</div>
</body>
<script type="text/javascript">
	function enableTalle(t){
		if(t.value=='S'){
			document.getElementById('talleS').disabled = false;
			document.getElementById('talleN').disabled = true;
		}
		else{
			document.getElementById('talleN').disabled = false;
			document.getElementById('talleS').disabled = true;
		}
	}
</script>
</html>